import styled from 'styled-components'


export const SideMenuItemContainer = styled.div`
  position: relative;
  height:2rem;
  width:100%;
  display: flex;
  justify-content:center;
  align-items:center;

`
export const SideMenuItemWrapper = styled.div`
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;

  .navigateButton {
    position: relative;
    font-size: 0.9rem;
    font-weight:400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
    margin:0 10%;
    :hover{
      cursor: pointer;
    }
  }
  :hover {
    background: rgba(0, 0, 0, 0.1);
  }

`